<ion-view view-title="GroupAdmin">

    <ion-nav-bar class="bar-stable">
        <ion-nav-back-button>
            <i class="icon ion-ios-arrow-back"></i>
        </ion-nav-back-button>

        <ion-nav-buttons side="left">
            <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
            </button>
        </ion-nav-buttons>
    </ion-nav-bar>


    <ion-header-bar class=" ">
        <h1 class="title">GroupAdmin</h1>
    </ion-header-bar>

    <ion-content overflow-scroll="true" class="has-header has-footer">
        <ion-list>
            <ion-item ng-repeat="group in groups">
                <!--<a class="item item-icon-left">-->
                <i class="icon ion-person-stalker"></i>
                {{group.name}}
                <ion-option-button class="button-calm icon ion-edit" ng-click="edit(group)"></ion-option-button>
                <ion-option-button class="button-energized icon ion-eye" ng-click="show(group)"></ion-option-button>
                <!--</a>-->
            </ion-item>
        </ion-list>
    </ion-content>


    <div class="tabs tabs-icon-only">
        <a class="tab-item">
            <i class="icon ion-home"></i>
        </a>
        <a class="tab-item" ng-click="addGroup()">
            <i class="icon ion-plus-round"></i>
        </a>
        <a class="tab-item" href="#/app/deleteGroup">
            <i class="icon ion-minus-round"></i>
        </a>
    </div>


</ion-view>
